<div class="dialog-container mdd-dialog mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog B0203Service-dialog c-mdd-page" ng-init="dialog.init();" style="background-color: #fafafa" page-type="Dialog" _transclude-elem="[object Object]">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="dialog._title | translate"></div>
        <!--More Menu-->

        <!--Close button-->
        <div class="kmi-side-btn right" ng-click="dialog.hide();">
            <img src="image/icons/clear.png" />
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content" style="flex: 1">
        <!--Page-->
        <div class="kmi-layout-page">
            <div class="mdd-layout__with-toolbar mdd-layout c-mdd-layout" layout-name="B0203Service" page-name="" page-type="Dialog" with-toolbar="Y" reload="N" _transclude-elem="[object Object]" style="grid-template-columns: repeat(2, auto 1fr)">
                <label class="label" ng-show="dialog._event['ic_card'].isShown != 'N'" style="" ng-bind="'B0203Service.columns.ic_card' | translate"></label>
                <div class="value" ng-show="dialog._event['ic_card'].isShown != 'N'" style="">
                    <input type="text" id="ic_card" ng-model="dialog.ic_card" ng-keypress="dialog._event['ic_card'].change(dialog.ic_card, {event:$event});" ng-disabled="dialog._event['ic_card'].isDisabled == 'Y'" placeholder="" />
                    <div class="tip qrcode" ng-click="dialog._event['ic_card'].click(dialog.ic_card, {event:$event});" ng-disabled="dialog._event['ic_card'].isDisabled == 'Y'">
                        <img src="image/icons/QRCode.png" />
                    </div>
                </div>
                <label class="label" ng-show="dialog._event['empty_for_ic'].isShown != 'N'" style="" ng-bind="'B0203Service.columns.empty_for_ic' | translate"></label><label class="value" style="">{{dialog.empty_for_ic}}</label><label class="label" ng-show="dialog._event['operator.employee_no'].isShown != 'N'" style="" ng-bind="'B0203Service.columns.operator.employee_no' | translate"></label>
                <div class="value" ng-show="dialog._event['operator.employee_no'].isShown != 'N'" style="">
                    <input type="text" undefined="" id="operator.employee_no" ng-model="dialog.operator.employee_no" ng-keypress="dialog._event['operator.employee_no'].change(dialog.operator.employee_no, {event:$event});" ng-disabled="dialog._event['operator.employee_no'].isDisabled == 'Y'" />
                    <div class="tip search">
                        <img src="image/icons/search.png" ng-click="dialog._event['operator.employee_no'].click(dialog.operator.employee_no, {event:$event});" ng-disabled="dialog._event['operator.employee_no'].isDisabled == 'Y'" />
                    </div>
                </div>
                <div item-name="slot_machine_parent" style="grid-column-start: span 2">
                    <div class="kmi-text-fields">
                        <label ng-show="dialog.type == 'line'" class="label" ng-bind="'B0203.offWorkArea' | translate"></label>
                        <label ng-hide="dialog.machine_list.length > 1 || dialog.type == 'line'" class="label" ng-bind="('common.queryList.machine_c' | translate) + '：'"></label>
                        <label class="value" ng-hide="dialog.machine_list.length > 1" ng-bind="dialog.machine_no"></label>
                    </div>
                </div>
                <label class="label" ng-show="dialog._event['operator.employee_name'].isShown != 'N'" style="" ng-bind="'B0203Service.columns.operator.employee_name' | translate"></label>
                <div class="value" ng-show="dialog._event['operator.employee_name'].isShown != 'N'" style=""><label class="value" ng-bind="dialog.operator.employee_name" mdl-toast="{{dialog.operator.employee_name}}" mdl-toast-passive="true"></label></div>
                <div class="kmi-text-fields" item-name="slot_machine_list_length" style="grid-column-start: span 2">
                    <label class="label" ng-hide="dialog.machine_list.length > 1" ng-bind="'B0203.classNo_now' | translate"></label>
                    <label class="value" ng-bind="dialog.operator.shift"></label>
                </div>
                <label class="label" ng-show="dialog._event['operator.shift_end_time'].isShown != 'N'" style="" ng-bind="'B0203Service.columns.operator.shift_end_time' | translate"></label>
                <div class="value" ng-show="dialog._event['operator.shift_end_time'].isShown != 'N'" style=""><label class="value" ng-bind="dialog.operator.shift_end_time" mdl-toast="{{dialog.operator.shift_end_time}}" mdl-toast-passive="true"></label></div>
                <label class="label" ng-show="dialog._event['operator.user_shift'].isShown != 'N'" style="" ng-bind="'B0203Service.columns.operator.user_shift' | translate"></label>
                <div class="value" ng-show="dialog._event['operator.user_shift'].isShown != 'N'" style=""><label class="value" ng-bind="dialog.operator.user_shift" mdl-toast="{{dialog.operator.user_shift}}" mdl-toast-passive="true"></label></div>
                <div item-name="slot_reason" style="grid-column-start: span 2">
                    <div class="value kmi-text-fields" ng-hide="dialog.need_work_reason == false" style="">
                        <label class="label ng-binding" ng-bind="'B0203.reason' | translate">下工原因：</label>
                        <input type="text" readonly="" ng-model="dialog.operator.reason_name_display" ng-click="dialog._event['operator.reason_name'].click(dialog.operator.reason_name, {event:$event});" class="ng-pristine ng-valid ng-empty ng-touched" style="" />
                        <div class="tip">
                            <i class="material-icons"></i>
                        </div>
                    </div>
                </div>
                <label class="label" ng-show="dialog._event['empty_for_reason'].isShown != 'N'" style="" ng-bind="'B0203Service.columns.empty_for_reason' | translate"></label><label class="value" style="">{{dialog.empty_for_reason}}</label><label class="label" ng-show="dialog._event['B0203.previous'].isShown != 'N'" style="" ng-bind="'B0203Service.columns.B0203.previous' | translate"></label>
                <div class="value" ng-show="dialog._event['B0203.previous'].isShown != 'N'" style="grid-column-start: span 3"><label class="value" ng-bind="dialog.B0203.previous" mdl-toast="{{dialog.B0203.previous}}" mdl-toast-passive="true"></label></div>
                <div item-name="preworkemployee" class="kmi-text-fields" style="grid-column-start: span 2">
                    <label class="label" ng-bind="'B0203.offWorkEmp' | translate"></label>
                    <label class="value"> {{dialog.preOffWorkInfo.employee_no?(dialog.preOffWorkInfo.employee_no+' ('+dialog.preOffWorkInfo.employee_name+')'):''}} </label>
                </div>
                <div item-name="preworktime" class="kmi-text-fields" style="grid-column-start: span 2">
                    <label class="label" ng-bind="'B0203.preEndTime' | translate"></label>
                    <label class="value" ng-bind="dialog.preOffWorkInfo.shift_end_time  |  date:'yyyy - MM - dd　HH：mm'"></label>
                </div>
            </div>
            <div class="mdd-button-tool">
                <div class="tool-bar"></div>
                <div class="tool-bar" style="justify-content: flex-end">
                    <div class="kmi-button kmi-button-confrim btn-confirm" ng-disabled="dialog._fn['confirm'].isDisabled == 'Y'" ng-hide="dialog._fn['confirm'].isShown == 'N'" style="width: 100px">
                        <label ng-bind="'common.btn.confirm' | translate"></label>
                        <div class="kmi-can-click" ng-click="dialog._fn['confirm'].click('confirm');"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
